<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich">
<h:head>
	<title>Page de Login</title>
	<style type="text/css">
        .rich-messages-label {
    		font-style:italic;
    		color:red;
    		font-size:14px;
		}
	</style>
</h:head>
<h:body>
	<h1 style="padding-left:25%; padding-top:1%">APR Rhône-Alpes Page de Login</h1>

	<h:form id="login" style="padding-left:25%; padding-top:2%">
		
		<rich:messages ajaxRendered="true" infoClass="rich-messages-label" />
		
		<br/>
	
        <rich:panel header="Login Panel" style="width:425px">
        
    		<h:panelGrid columns="2">
    	
          		<h:outputLabel value="Login : " style="font-weight:bold" /> 
				<h:inputText id="username" value="#{logging.userName}" size="40" />
				
				<h:outputLabel value="Mot de Passe : "  style="font-weight:bold" /> 
				<h:inputSecret id="password" value="#{logging.password}" size="40"/>
            
    		</h:panelGrid>
    	
        </rich:panel>
				
		<br/>
		<br/>
		
		<h:commandButton value="Se connecter" action="#{logging.login}" style="width:10%; height:3%; font-size:16"/>
        
	</h:form>
	
</h:body>
</html>
                        